@charset "utf-8";

/*-----------------------------------------------------------------*/
/* --------------------- START GLOBAL CSS ------------------------*sub-menu/
/* ----------------------------------------------------------------*/

/* GLOBAL
-------------------------------------------------------------------*/
/*	body { font:1em/1.4em arial,helvetica,tahoma,verdana,sans-serif; color:#979797; padding:0; margin:0; background: #F1F1F1 url(../image/background_tile.gif) repeat 0 0;
}); }     */


html {
    background:#555;
    overflow-x: hidden
}

body { font:1em/1.4em tahoma,arial,helvetica,verdana,sans-serif; color:#979797; padding:0; margin:0; background:#555;overflow-x: hidden;position:relative; }
blockquote { font:1.6em/1.6em georgia,serif;font-style:italic;color:#5B9BBF; padding:10px 20px 10px 10px; margin:20px 20px 20px 10px; }
p {
    font-size: 1em;
    line-height: 23px;
    margin: 10px 0px 10px 0; }
a { color:#12B2D8;text-decoration:none;outline:none; }
a:hover { color:#12B2D8;text-decoration:underline; }
a:active { color:#12B2D8; }
em { font-style:italic; }
code { font-family: Monaco, monospace; }
ul,ol { margin:0 0 1em 0; }
li { margin-left:0; }
.toppad{ padding-top:15px;}


/* Special fonts
-------------------------------------------------------------------*/

@font-face {
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-weight: normal;
    font-style: normal;
}

/* TOP LEVEL CONTAINERS
-------------------------------------------------------------------*/
/* Standard center-aligned website */
#page-wrap 		{ background:#fafafa; }
#page-container	{ background:#fafafa; width:940px; position:relative;}
#page-wrap2 		{ background:#fafafa; }
#page-container2	{ background:#fafafa; width:940px; }

/* Standard center-aligned website */
/*	#client-wrap 		{ background:#ccc url(../image/background_tile_white.png) repeat 0 0; }*/
#client-wrap 		{ background:url(../image/bg_client_wrap.png) repeat-x 0 0; }
#client-container	{ background:none;  width:940px; }
#client-container h2   {color: #15b2d8;

                        margin: -40px 0 0 0;
                        background: #ededed;
                        padding: 5px;
                        -webkit-border-top-left-radius: 8px;
                        -moz-border-top-left-radius: 8px;
                        border-top-left-radius: 8px;
                        -webkit-border-top-right-radius: 8px;
                        -moz-border-top-right-radius: 8px;
                        border-top-right-radius: 8px;
}




/*  .home-testimonial   ( width:940px; height:55px;)*/

/* Full width website */
#header-wrap,
#banner-wrap	{ background:#15B2D8 url(../image/background_tile_white.png) repeat 0 0; }
#nav-wrap		{ background:#dbdbdb; }
#nav-wrap2		{ background:#15B2D8; }
#white-wrap		{ background:#fff; }
#body-wrap		{ background:#fafafa; }
#foot-wrap		{ background:#fafafa; }

/* center-aligned containers */
#banner-wrap-container	{ width:970px; }
#nav-container,#nav-container2	{ width:960px; }
#nav-container	{ height:60px;}
#nav-container2	{ height:30px;}
#body-container,
#foot-container	{ border-top:none;background:#6d6c6a; }
#foot-container-inner	{ width:940px; border-top:none; }
body.home #foot-container{ border:none; background:#6d6c6a; }
#white-wrap-container,
#header-container{ width:940px; }
#content-container {
    /*  overflow:hidden;*/
    width:100%;position:relative;
}

#left-container{ width:700px; float:left; margin:0 0 50px 0; color:#666; font-size:14px; }
#full-container{ width:940px; float:left; margin:0 0 50px 0; color:#666; border-top:1px dotted #d1d1d1; font-size:14px; }
.more-link a,
#full-container p a,
#left-container p a{ color:#12B2D8; }
body.blog #full-container,
body.blog #left-container{ border-top:1px solid #d1d1d1; }
#right-container{ width:700px; float:right; margin:0 0 50px 0; color:#666; font-size:14px; }
.portfoliowrap{ width:940px; float:left; border-bottom:1px solid #ddd; }
.floatleft {
    float:left;
}
.floatright {
    float:right;
}
/* Widths */

.width33 {
    width:33%;
    margin-bottom:20px;
}
.width66 {
    width:66%;
    margin-bottom:20px;
}

.bigbutton {
    margin: 15px 0 0 0;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #12B2D8 !important;
    background: #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
    font-size:17px;
}

.bigbutton:hover {
    color: #fff !important;
    background: #12B2D8;
    text-decoration:none;
}

.inline {
    display:inline;
}

.inline-block {
    display: inline-block;
    margin-right: 10px;
}

/* SEMANTIC CONTAINERS
-------------------------------------------------------------------*/
#header 		{  }
#content 		{ width:750px; background:#ccc; }
#sidebar		{ float:right; width:220px; margin:0 0 0 20px; color:#4a4a4a;overflow:hidden; }
#footer 		{  }

#left-container.contentright{ float:right; margin-right:0; }
#left-container.contentleft	{ float:left; overflow:hidden; }
#sidebar.sidebarright	{ float:right; }
#sidebar.sidebarleft	{ float:left; margin-left:0; }

/* LAYOUT COLUMNS
-------------------------------------------------------------------*/
/* 1 column */
.col-full		{ width:100%; margin:0 0 25px 0; float:left; }
/* 1/2 equal columns with 25px margin */
.col-475		{ width:475px; float:left; margin:0 25px 25px 0; }
/* 1/4 equal columns with 25px margin */
.col-220		{ width:220px; float:left; margin:0 20px 20px 0; }
/* 3/4 equal columns with 25px margin */
.col-775		{ width:725px; float:left; margin:0 25px 25px 0; }

/* MARGIN RESET
-------------------------------------------------------------------*/
.omega			{ margin:0 0 25px 0; }

/* CLASSES
-------------------------------------------------------------------*/
.hidden1,.screen_reader,hr {display:none; }
.floatL { float:left; }
.floatR { float:right; }
.clear { clear:both; }
.highlight { background-color:yellow; }

/* HEADINGS
-------------------------------------------------------------------*/
h1, h2, h3, h4 { font-family:arial,helvetica,tahoma,verdana,sans-serif; font-weight:normal; margin:0; line-height:1em; }
h1 { font-size:2.4em; letter-spacing:-3px; color:#444444; }
h2 { font-size:1.9em; color:#646464; font-family:arial,helvetica,tahoma,verdana,sans-serif; letter-spacing:-1px; }
h3 { font-size:1.2em; }
.homeh1{ padding:0;height:50px; margin:0; float:left; width:100%; border-bottom: 3px solid #15B2D8;}
.subtitle {
    width:500px;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:normal;
}

body.home .homeh1{ padding:25px 0 5px 0; height:45px;border-bottom:none; margin:0; float:left; width:100%;cursor: pointer; background: url(../image/bg_body_home_h1.png) right 25px no-repeat; }
body.home .homeh1:hover{background: url(../image/bg_body_home_h1_mo.png) right 25px no-repeat; }

body.home .showhidecontent_container {

    padding-top:1px;
}
body.home .showhidecontent {

    margin-top:90px;
}

#full-container h2,
#full-container h3,
#left-container h2,
#left-container h3{ color:#4a4a4a; font-size:19px; padding:10px 0; width:100%;border-bottom:1px dotted #d1d1d1; float:left; margin:10px 0 20px 0; }

/* @font-face fonts */
@font-face {

    font-weight:normal; font-style:normal;
}

@font-face {

    font-weight:normal;
    font-style:normal;
}

@font-face {

    font-weight:normal;
    font-style:normal;
}

/* Table
-------------------------------------------------------------------*/
table 				{ margin-bottom:1em; border-collapse:collapse; font-size:1em; width:100%; }
table td 			{  }
table th 			{  }

/* FORM ELEMENTS
-------------------------------------------------------------------*/
input[type=text]{ width:60%; padding:3px 5px; border-top:1px solid #b8b8b8; border-left:1px solid #d9d9d9; border-right:1px solid #f0f0f0; border-bottom:1px solid #e5e5e5; }
textarea	{ width:80%; border-top:1px solid #b8b8b8; border-left:1px solid #d9d9d9; border-right:1px solid #f0f0f0; border-bottom:1px solid #e5e5e5; }
select		{ width:60%; }
label		{ float:left; margin:0 1em 0 0; }
legend		{ font-weight:bold; padding:1em; }
fieldset	{ border:none; }

input,textarea,select { padding:3px; font-size:1em; background:#fff; }
/*	input:focus,textarea:focus,select:focus { border:1px solid #000; }*/

.input-text {  }
.input-radio { padding:0; background:none; border:none; width:auto; margin:0; }
div.iwacontact input[type=checkbox]  { padding:0; background:none; border:none; width:auto; margin:0;-webkit-border-radius: 5px;
                                        -moz-border-radius: 5px;
                                        border-radius: 5px; }

/* setting the width and height of the SELECT element to match the replacing graphics */
select{
    position:relative;
    z-index:10;
    width:432px !important;
    height:51px !important;
    line-height:51px;
    color:#777;
}

/* Div select for styled drop down select boxes */

.form-select {
    position: relative;
}

/* dynamically created SPAN, placed below the SELECT */
span.select{
    position:absolute;
    bottom:0;
    float:left;
    left:0;
    width:432px;
    height:51px;
    line-height:51px;
    text-indent:15px;
    background:url(../image/bg_select.png) no-repeat 0 0;
    cursor:default;
    z-index:1;
    color:#777;
}

/*TEstimonial Form elements */
.iwacontact input, .iwacontact textarea, .iwacontact select {
    padding:10px;
    border: solid 1px #15B2D8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.iwacontact input[type="text"],.iwacontact input[type="password"],.iwacontact textarea,.iwacontact select {
    outline: none;
}

div.iwacontact #ishuman {

}

.on_off label {
    margin:auto;
}

.iPhoneCheckContainer {
    position: relative;
    height: 27px;
    cursor: pointer;
    overflow: hidden;
    margin:auto;
    width:97px !important;}
.iPhoneCheckContainer input {
    position: absolute;
    top: 5px;
    left: 30px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }
.iPhoneCheckContainer label {
    white-space: nowrap;
    font-size: 17px;
    line-height: 17px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    display: block;
    height: 27px;
    position: absolute;
    width: auto;
    top: 0;
    padding-top: 5px;
    overflow: hidden; }
.iPhoneCheckContainer, .iPhoneCheckContainer label {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none; }

.iPhoneCheckLabelOff {
    width:92px !important;
}

.iPhoneCheckLabelOff {
    width:55px !important;
}

.iPhoneCheckHandle {
    width:40px !important;
}

.iPhoneCheckDisabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5; }

label.iPhoneCheckLabelOn {
    color: white;
    background: url('../image/on.png') no-repeat;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
    left: 0;
    padding-top: 5px; }
label.iPhoneCheckLabelOn span {
    padding-left: 8px; }
label.iPhoneCheckLabelOff {
    color: #8b8b8b;
    background: url('../image/off.png') no-repeat right 0;
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
    text-align: right;
    right: 0; }
label.iPhoneCheckLabelOff span {
    padding-right: 8px; }

.iPhoneCheckHandle {
    display: block;
    height: 27px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    background: url('../image/slider_left.png') no-repeat;
    padding-left: 3px; }

.iPhoneCheckHandleRight {
    height: 100%;
    width: 100%;
    padding-right: 3px;
    background: url('../image/slider_right.png') no-repeat right 0; }

.iPhoneCheckHandleCenter {
    height: 100%;
    width: 100%;
    background: url('../image/slider_center.png'); }

.iOSCheckContainer {
    position: relative;
    height: 27px;
    cursor: pointer;
    overflow: hidden; }
.iOSCheckContainer input {
    position: absolute;
    top: 5px;
    left: 30px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }
.iOSCheckContainer label {
    white-space: nowrap;
    font-size: 17px;
    line-height: 17px;
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    cursor: pointer;
    display: block;
    height: 27px;
    position: absolute;
    width: auto;
    top: 0;
    padding-top: 5px;
    overflow: hidden; }
.iOSCheckContainer, .iOSCheckContainer label {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none; }

.iOSCheckDisabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5; }

label.iOSCheckLabelOn {
    color: white;
    background: url('../image/on.png') no-repeat;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
    left: 0;
    padding-top: 5px; }
label.iOSCheckLabelOn span {
    padding-left: 8px; }
label.iOSCheckLabelOff {
    color: #8b8b8b;
    background: url('../image/off.png') no-repeat right 0;
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
    text-align: right;
    right: 0; }
label.iOSCheckLabelOff span {
    padding-right: 8px; }

.iOSCheckHandle {
    display: block;
    height: 27px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    background: url('../image/slider_left.png') no-repeat;
    padding-left: 3px; }

.iOSCheckHandleRight {
    height: 100%;
    width: 100%;
    padding-right: 3px;
    background: url('../image/slider_right.png') no-repeat right 0; }

.iOSCheckHandleCenter {
    height: 100%;
    width: 100%;
    background: url('../image/slider_center.png'); }




div.iwacontact legend {
    color: #333;
    padding: 0 0 20px 0;
    text-trans : uppercase;
}

div.iwacontact {
    padding: 0 20px 20px 20px;
}

div.iwacontact, div.iwacontact fieldset input, div.iwacontact fieldset textarea, div.iwacontact label, div.iwacontact select {
    font-family: Helvetica, Arial;
    font-size: 12pt;
}
div.iwacontact p { position: relative; margin: 10px 0; line-height:normal;}
div.iwacontact p label { position: absolute; top: 0; left: 0;}
div.iwacontact p br {display: none;}


div.iwacontact fieldset p input,
div.iwacontact fieldset p textarea {
    display: block;
    padding: 15px;
    width: 400px;
    margin: 0;

}



div.iwacontact fieldset p label {
    width: 380px;
    display: block;
    margin: 15px 5px 5px 15px;
    padding: 0;
}
div.iwacontact fieldset p.textarea {
    float:left;
}

div.iwacontact fieldset p textarea {
    padding: 15px;
    width:398px;
    height:250px;
}


div.iwacontact fieldset p textarea,
div.iwacontact fieldset p input{
    border: solid 1px #15b2d8;
}
div.iwacontact p label {
    color: #777;
}

.ccf-tooltip {
    margin-top:30px;
}

.testimonial-form-wrapper {

    position:relative;
}

.div-ishuman {
    position: absolute;
    bottom: 197px;
    right: 20px;
    text-align: center;
    width: 400px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.div-submit {
    position:absolute;
    bottom: 50px;
    right: 20px;
    text-align: center;
    width: 400px;
}

.div-submit button {
    margin: 15px 0 0 0;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #12B2D8 !important;
    background: #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
    font-size:17px;
    width: 100%;
    border-style:none;
}

.div-submit button:hover {
    color: #fff !important;
    background: #12B2D8;
    text-decoration:none;
}


div.ajax-loading {
    position:absolute;
    top:50px;
    right: 20px;
    text-align: center;
    width: 400px;
    display: none;
}

div.ajax-result {
    position:absolute;
    top:50px;
    right: 20px;
    text-align: center;
    width: 400px;
    background: transparent url('../image/form_submit_success.png') no-repeat top center !important;
    color: #12B2D8 !important;
    font-family: arial,helvetica,tahoma,verdana,sans-serif !important;
    font-size: 23px !important;
    margin: auto !important;
    padding: auto !important;
    padding-top: 80px !important;
    display: none;
}

.sending-message {
    color:#15b2d8;
    font-family: arial,helvetica,tahoma,verdana,sans-serif;
    font-size: 23px;
    padding-bottom:10px;
}

div.iwacontact div.ajax-feedback.error, div.iwacontact div.ajax-result.error, div.iwacontact div.div-ishuman.error {
    background:none;
    border: none !important;
    color: #E8555A !important;
}

div.iwacontact div.ajax-result.error {
    background: transparent url('../image/form_submit_error.png') no-repeat center top !important;

}



/* STANDARD FORM <DL>
-------------------------------------------------------------------*/
.stdform	{ float:left; width:100%; }
.stdform dl	{ float:left; list-style:none; padding:0; margin:0; width:100%; }
.stdform dt	{ float:left; margin:0 1em 1em 0; width:30%; }
.stdform dd	{ float:left; margin:0 0 1em 0; width:60%; }

/* BUTTONS
-------------------------------------------------------------------*/
._btn, ._btn:visited {
    background:url(../image/alert-overlay.png) repeat-x #111; color:#fff;
    -moz-box-shadow:0 3px 3px rgba(0,0,0,0.25); -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.25);
    text-shadow:0 1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25);
    padding:5px 10px 6px; position:relative; cursor:pointer; width:auto; text-decoration:none; display:inline-block;
}
._btn:hover	{ background-color:#000; color:#fff; }
._btn:active{ top:1px; }

/* ALERTS
-------------------------------------------------------------------*/
.success,.error,.alert { }
.success	{ border:1px solid #b2dc4d; color:#40550d; background:url(../image/success.jpg) no-repeat 5px 5px #cce297; }
.error 		{ border:2px solid #E8555A !important; color:#E8555A;  }
.alert 		{ border:1px solid #efdc90; color:#a9a014; background:url(../image/alert.jpg) no-repeat 5px 5px #fffecc; }


/*-----------------------------------------------------------------*/
/* --------------------- START BESPOKE CSS ------------------------*/
/* ----------------------------------------------------------------*/

/* HEADER STYLES
-------------------------------------------------------------------*/

/* Drop line menu */

/*** ESSENTIAL STYLES ***/
#nav {
    float:right;
    margin:20px 0 0 0 ;
    text-align:right;
    width:920px;
    font-family:Arial, sans-serif;
    font-size:18px;
}

.sf-menu, .sf-menu * {
    margin:			0;
    padding:		0;
    list-style:		none;
}
.sf-menu {
    line-height:	1.0;
}
.sf-menu ul {
    position:		absolute;
    top:			-999em;
    width:			940px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width:			100%;
}
.sf-menu li:hover {
    visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    position:		relative;
}
.sf-menu a {
    display:		block;
    position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:			0;
    top:			40px; /* match top ul list item height */
    z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:			940px; /* match ul width */
    top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:			940px; /* match ul width */
    top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {

}
.sf-menu a {
    border-left:	1px solid #fff;
    border-top:		1px solid #CFDEFF;
    padding: 		0 1em;
    line-height:40px;
    text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
                                  color:			#6D6C6A;
}
.sf-menu a:hover,.sf-menu li.current-menu-item a:link  { /* visited pseudo selector so IE6 applies text colour*/
                                                         color:			#fff;
}
.sf-menu ul a, .sf-menu ul a:visited  { /* visited pseudo selector so IE6 applies text colour*/
                                        color:			#fafafa;
}



.sf-menu li {
    background:		none;
}
.sf-menu li li {
    background:		none;
}
.sf-menu li li li {
    background:		none;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:		none;
    outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right: 	2.25em;
    min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position:		absolute;
    display:		block;
    right:			.75em;
    top:			1.05em; /* IE6 only */
    width:			10px;
    height:			10px;
    text-indent: 	-999em;
    overflow:		hidden;
    background:		url('../image/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
                         top:			.8em;
                         background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background:	url('../image/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 1px;
    -webkit-border-bottom-left-radius: 10px;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}


/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
    background:		none;
    height:			40px;
    /*	padding-bottom:	2.5em;  */
    position:		relative;
}
.sf-navbar li {
    background:		none;
    position:		static;
    display:inline-block;
}
.sf-navbar a {
    border-top:		none;
}
.sf-navbar li ul {
    width:			44em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
    background:		none;
    position:		relative;
}
.sf-navbar li li ul {
    width:			13em;
}
.sf-navbar li li li {
    width:			100%;
}
.sf-navbar ul li {
    width:			auto;
    float:			left;
    height:70px;
    text-align:left;
}
.sf-navbar ul li a{
    padding-top:20px;
    height:50px;
    line-height:normal;
}
.sf-navbar ul li a em{
    font-size:12px;
}
.sf-navbar a, .sf-navbar a:visited {
    border:			none;
    height:40px;
}
.sf-navbar li.current {
    background:		none;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
    background:		none;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
    background:		none;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
    background:		none;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
    left:			0;
    top:			70px; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
    top: 			-999em;
}

.sf-navbar li li.current > a {
    font-weight:	bold;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
    background: transparent;
    padding: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
}


/*** shadows for all but IE6 ***/
#nav ul.sub-menu {background:#18b2d8; padding:0;width:960px;height:60px;}
#nav ul.sub-menu ul{background:#18b2d8; padding:0;width:100%;height:auto;padding:0px;}
#nav ul.sub-menu ul li{height:auto;padding:10px;}
.sf-menu ul ul a,.sf-menu ul ul a:visited {height:auto !important;font-size:14px;padding:5px;}
#nav li ul.submenu li ul {background:#18b2d8; padding:0;width:auto;height:auto;}

#nav ul.sf-shadow-off { background:transparent; }

.social-icons				{ padding:10px 10px 0 0; margin:0; list-style:none; float:left; width:145px; }
.social-icons li			{ float:left; width:20px; margin:0; padding:0 5px 0 0; margin:0 0 0 5px; }
.social-icons a				{ display:block; float:left; width:20px; height:20px; /*text-indent:-3000em;*/ position:relative; color:#fff; text-decoration:none; font-size:11px; font-family:Helvetica, Arial, sans-serif; }
.social-icons .facebook a	{ background:url(../image/facebook.png) no-repeat; }
.social-icons .twitter a	{ background:url(../image/icon_twitter.png) no-repeat; }
.social-icons .linkedin a	{ background:url(../image/icon_linkedin.png) no-repeat; }
.social-icons .youtube a	{ background:url(../image/youtube.png) no-repeat; }
.social-icons .email a		{ background:url(../image/icon_email.png) no-repeat; }
.social-icons .rss a		{ background:url(../image/icon_rss.png) no-repeat; }
.social-icons .separator	{ background:url(../image/separator_stayintouch.png) no-repeat;width:116px; height:20px;}
.social-icons li a span 	{ position:absolute; width:150px;left:0; top:-1px; display:block; padding:0 5px;
                           background-color:#4a4a4a; border-radius:3px; -moz-border-radius:3px; -khtml-border-radius-bottomright:3px;
                           -webkit-border-bottom-right-radius:3px; color:#fff;z-index:10; }

.siteinfo					{ float:left; margin:55px 0 10px 0; font-size:56px; font-family:Arial, Helvetica, sans-serif; color:#000; }
.siteinfo:hover				{ color:#000; text-decoration:none; }
.topsearch					{ float:right; margin:6px 0 0 0; width:250px; height:40px; background:#fff; border-radius:3px; -moz-border-radius:3px; -khtml-border-radius-bottomright:3px }
.topsearch ul				{ list-style:none; padding:0; margin:0; }
.topsearch ul li			{ padding:0; margin:0; }
.topsearch input[type=text]	{ border:none; padding:10px 0;width:200px; float:left; margin:3px 0 0 10px; font-size:14px; outline:none;color: #AAA; }
.topsearch input[type=text]:focus {color: #15b2d8; }
.topsearch input.btn_search	{ border:none; float:right; margin:11px 8px 0 0; background:url(../image/searchbut.png) no-repeat; width:20px; height:20px; text-indent:-3000em; cursor:pointer; display:block; }

/* CONTENT STYLES
-------------------------------------------------------------------*/

#breadcrumb					{ list-style:none; padding:5px 0 0 0; margin:10px 0 30px 3px; float:left; width:100%;}
#breadcrumb li				{ padding:0; margin:0; float:left; font-size:11px; margin:0 5px 0 0; }

#banner						{ width:940px; margin:0 0 0 15px; }
#banner-container			{ width:970px; height:338px; padding:0; float:left; margin:0; color:#000; position:relative; }
.bannershadow				{ width:940px; height:14px; background:url(../image/bannershadow.png) no-repeat; float:left; margin:0 0 0 15px; }
.slider						{ }
.sliderinner				{ position:relative; width:940px; height:350px; font-size:14px; background:#fff; overflow:hidden; }
.sliderinner img			{ position:absolute; top:0; left:0; }
.slider img					{ position:absolute; top:0; left:0; }
.slidercontent				{ position:absolute; z-index:10; top:15px; left:36px; }
.slidercontent .title		{ font-size:48px; font-weight:bold; line-height:0.8; margin:0 0 5px 0; font-family:Helvetica, Arial, sans-serif; font-style:normal; }

.promo {
    width: 350px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 15px 30px 20px 30px;
    background: rgba(0, 0, 0, 0.7);
    background: -moz-linear-gradient(top, rgba(78, 78, 78, 0.7), rgba(0, 0, 0, 0.7));
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(78, 78, 78, 0.7)), to(rgba(0, 0, 0, 0.7)));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#B24E4E4E,endColorstr=#B2000000);
    color: white;
    margin:10px;
}

.promo h1 {
    color:#fff;

}
.promo p {
    font-weight:bold;
}

.promo .promo-button {

    /*float:right;*/
}


.promo .promo-button .button{
    padding:8px;
    background:#F27C21;
    color:#fff;
    font-weight:bold;
}



#homebannernav				{ position:absolute; bottom:-30px; right:6px; z-index:100; }
#homebannernav a 			{ background:url(../image/bannerdots.png) no-repeat; text-indent:-3000em; display:block; height:6px; width:6px; float:left; margin:0 10px 0 0; }
#homebannernav a.activeSlide{ background-position:bottom; }
#homebannernav a:focus 		{ outline:none; }

.prevButton	a				{ position:absolute; z-index:10; top:170px; left:4px; background:url(../image/greyarrowleft.png) no-repeat; width:22px; height:21px; text-indent:-3000em; display:block; }
.nextButton	a				{ position:absolute; z-index:10; top:170px; right:4px; background:url(../image/greyarrowright.png) no-repeat; width:22px; height:21px; text-indent:-3000em; display:block; }
.prevButton	a:hover,
.nextButton	a:hover			{ background-position:bottom; }

.col-220					{ font-size:11px; line-height:1.2; }
.col-220 img				{ margin:0 0 15px 0; border:none; }
.col-220-title				{ font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#4a4a4a; letter-spacing:-1px; margin:0 0 5px 0; font-weight:normal; }
.col-220 ul					{ width:220px; list-style:none; padding:0; margin:5px 0 0 0; border-top:1px dotted #d1d1d1; float:left; }
.col-220 ul li				{ width:220px; padding:0; margin:0; }
.col-220 ul li a			{ padding:9px 0; margin:0;font-size:12px; border-bottom:1px dotted #d1d1d1; color:#c4c4c4; }

#client-container .slider-wrap-recent {
    padding:0 20px;
}
#client-container .four-block-slider-wrap {
    /* height:91px;;*/
    /* background:url(../image/testimonial_block_slider_bg.png) no-repeat;*/


    position: relative;
    width:900px;
    height:120px;
}

#client-container .four-block-slider-wrap.Male {
    /* height:91px;;*/
    background:url(../image/testimonials_male.png) no-repeat;

}
#client-container .four-block-slider-wrap.Female {
    /* height:91px;;*/
    background:url(../image/testimonials_female.png) no-repeat;

}
#client-container .four-block-slider-wrap .wrap-bg-container {
    width:550px;
    height:87px;
    padding-right:40px;
    float:right;
    color:#6D6C6A;
    margin-top:15px;
}

#client-container .four-block-slider-wrap .omega{
    padding:5px 10px 0px 10px;
    margin:0;
}

#client-container .four-block-wrap {
    padding: 0px 0 10px 0;
}


#client-container .col-220					{ font-size:11px; line-height:1.2; }
#client-container .col-220 img				{ margin:0 0 15px 0; border:none; }
#client-container .col-220-title				{ font-size:20px; font-family:cursive; color:#6D6C6A; letter-spacing:-1px; margin:0 0 5px 0; font-weight:normal; font-style:italic; padding: 0 !important;
}
#client-container .col-220-title a:link,#client-container .col-220-title a:visited {
    color:#6D6C6A;
}

#client-container p{
    font-size:0.8em;
    padding:0 0 0 5px;
}

#client-container .testimonial-author{
    position: absolute;
    bottom:0px;
    right:45px;
    text-align:right;
    font-size: 10px;
    width:350px;
}
#client-container .testimonial-category{
    position: absolute;
    bottom:0px;
    right:395px;
    text-align:left;
    font-size: 10px;
    width:150px;
}

#client-container .testimonial-author h3 a{
    font-size: 10px;
}

#client-container .col-220 ul					{ width:220px; list-style:none; padding:0; margin:5px 0 0 0; border-top:1px dotted #d1d1d1; float:left; }
#client-container .col-220 ul li				{ width:220px; padding:0; margin:0; }
#client-container .col-220 ul li a			{ width:220px; padding:9px 0; margin:0; display:block; font-size:12px; border-bottom:1px dotted #d1d1d1; color:#fff; }

/* Testimonials page */

.testimonial-item {
    position:relative;
    background: url(../image/testimonials_bg_male.png) no-repeat;
    padding-left:159px;
    min-height: 100px;
    margin-bottom:30px;
}

.testimonial-item.Female {
    position:relative;
    background: url(../image/testimonials_bg_female.png) no-repeat;
}

.testimonial-content {
    border-left:4px solid #15b2d8;
    padding-left:20px;
}

.testimonial-item-author {
    font-size:85%;
}

.testimonial-links{
    text-align:right;
    height:35px;
    clear:both;
}

.testimonial-link img{
    opacity:0.6;
    border:none;
}

.testimonial-link:hover img{
    opacity:1.0;

}

/* --- viewport configuration ---------------------------------------------------------- */
.viewport { height:161px; margin:0 9px 9px 0;  overflow:hidden; position:relative;  width:220px;}
.recentwork {
    margin-bottom:60px !important;
}

.recentwork .viewport {
    width:208px;
    border: 6px solid #DBDBDB;
    height:156px;
}

.no-margin { margin-right:0; }
.viewport a {  display:block; position:relative; text-decoration:none; }
/*	.viewport a img {  height:181px;  left:-10px;  position:relative; top:-10px; width:240px;  }*/

/* --- Label configuration -------------------------------------------------------------- */
.viewport a span {  display:none;  height:100%;  padding-top:0; position:absolute;  text-align:center;  text-decoration:none; width:100%; z-index:100; }

/* --- Dark hover background ------------------------------------------------------------ */
.dark-background { background:url(../image/viewport-img.png) no-repeat center 35px ; color:#fff;  text-shadow:#000 0 0 20px; }

.four-block-wrap			{ margin:0; padding:20px 0 20px 0; float:left; border-bottom:none; clear:left; width:940px; }
.four-block-wrap h2			{ float:left; margin:0 0 20px 0; }
.four-block-slider-wrap		{ float:left; width:940px; }
.portfolio .four-block-wrap	{ border:none; }

.buttons					{ width:100%; margin:0 10px 0 0px; }
.portfoliosidebar .buttons a {
    float: left;
    display: block;
    width: 21px;
    height: 22px;
    text-indent: -3000em;
}

.portfoliosidebar .buttons .prev a {
    text-indent:0;
    padding-left:30px;
    width: 30px;
    color:#e6e6e6;
    line-height:22px;
}
.portfoliosidebar .buttons .next {

    float:right;
}

.portfoliosidebar .buttons .prev {

    float:left;
}

.portfoliosidebar .buttons .next a {
    text-indent:0;
    padding-right:30px;
    width: 30px;
    color:#e6e6e6;
    line-height:22px;
}

.portfoliosidebar .buttons .prev a:hover{
    color:#777777;
    background-position:bottom left;
}
.portfoliosidebar .buttons .next a:hover {
    color:#777777;
    background-position:bottom right;
}

.portfoliosidebar .buttons a.grid:hover {
    color:#777777;
    background-position:bottom right;
}
.buttons  a.prev					{ display:block; padding-left:25px;color:#dfdfdf;}
.buttons a.next 					{ display:block; padding-right:25px;color:#dfdfdf;}
.buttons .prev a,
.buttons a.prev				{ background:url(../image/greyarrowleft.png) no-repeat; margin:0 5px 0 0; }
.buttons .next a,
.buttons a.next				{ background:url(../image/greyarrowright.png) top right no-repeat; margin:0 0 0 5px; }
.buttons a.grid				{ background:url(../image/grid_button.gif) no-repeat; margin:0 0 0 22px; width:44px; height:28px; }
.buttons a.prev:hover			{ background-position:bottom left;color:#606060; }
.buttons a.next:hover			{ background-position:bottom right;color:#606060; }
.buttons #buttonprev {
    float:left;
}
.buttons #buttonnext {
    float:right;
}

.first-box-content .col-220 img{ border:1px solid #ddd; }
.first-box-content p		{ font-size:14px; }
.first-box-content .col-220-title{ font-size:18px; }
.first-box-content a.boldlink{ font-weight:bold; }

#foot-container a			{ color:#fafafa; border-bottom:1px dashed #ffffff;}
#foot-container a:hover		{text-decoration:none;border-bottom:1px solid #ffffff; }
#foot-container .col-220-title{ color:#fff; font-size:15px; margin:0 0 15px 0; }
#foot-container .copy       {
    font-size: 16px; color:#ccc;
}

#foot-container .col-220	{ font-size:11px; color:#fafafa; line-height:1.5; }
#foot-container ul          {  border:none; }


#foot-container li a		{ padding:0; margin:0; list-style:none; border-bottom:1px dashed #ffffff;font-size:11px; }
#foot-container li a:hover		{text-decoration:none;border-bottom:1px solid #ffffff; }
#foot-container .copy		{ width:100%; float:left; padding:20px 0 10px 0; border-top:1px solid #ddd; }
#foot-container .col-220 p span{ color:#fafafa; }

.logo-form					{ float:left; width:100%; margin:0 0 20px 0; padding:20px 0 0 0; }
.logo-small					{ float:left; margin:10px 0 0 0; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#000; }
.signupform					{ float:right; margin:0 0 0 0; }
.signupform ul				{ list-style:none; padding:0; margin:0; }
.signupform ul li			{ padding:0; margin:0; float:left; }
.signupform ul li.bubble	{ padding:0; margin:0; width:221px; height:30px; background:url(../image/searchback.png) no-repeat; }
.signupform ul li label		{ display:block; float:left; font-family:arial,helvetica,tahoma,verdana,sans-serif; font-size:15px; margin:4px 20px 0 0; color:#000; }
.signupform input[type=text]{ border:none; width:150px; float:left; margin:3px 0 0 10px; font-size:14px; outline:none }
.signupform input.btn_signup{ border:none; float:right; margin:7px 8px 0 0; background:url(../image/signupbut.png) no-repeat; width:20px; height:20px; text-indent:-3000em; cursor:pointer; display:block; }

/* recruitment */
.big-list					{ float:left; padding:0; margin:0; width:700px; list-style:none; }
.big-list li				{ padding:0; margin:0; float:left; padding:0; border-bottom:1px dotted #d1d1d1; }
.big-list li a				{ color:#4a4a4a; font-weight:bold; display:block; padding:15px 0; width:700px; font-size:14px; }
.recruitmentcontent			{ float:left; margin:15px 0 0 0; border-bottom:1px dotted #d1d1d1; width:700px; }

/* recruitment */
.homepromo {
    background:none;
    background:transparent url(../image/bg_homepromo.png) top right no-repeat;
    border-bottom: none;
    height:276px;

}
.homepromo .text-container {
    height:105px;
    overflow:hidden;
}


.homepromo h2 {
    font-family: arial,helvetica,tahoma,verdana,sans-serif;
    font-size: 24px;
    color: white;
    margin: 0 0px 8px 0;
    margin: 0 90px 8px 0;
    float:none;
    padding:5px 0 0 10px;
}
.homepromo h2 a {color:#5b9bbf;font-weight:bold; }
.homepromo p {
    font-size: 12px;
    line-height: 19px;
    letter-spacing: 1px;
    margin: 0;
    padding:0 30px 10px 10px;
    color:#333;
}

.homepromo .viewport { margin:0;
                       width: 220px;
                       height: 161px;
                       /* z-index: 2000;*/
                       cursor: pointer;

}

/* blog */
.post						{ float:left; width:700px; padding:0 0 50px 0; margin:0 0 10px 0; border-bottom:1px solid #d1d1d1; }

.post img					{ float:left; margin:0 0 30px 0; }
.pagecont img               { float:right; margin:15px 0 10px 30px; opacity:1;border:none; }

.fullwidth {
    clear:both;
    margin-left: -3000px;
    padding-left: 3000px;
    margin-right: -3000px;
    padding-right: 3000px;
    background:url(../image/bg_client_wrap.png) repeat-x 0 0;
    margin-top:20px;
    margin-bottom:20px;
}
#full-container .post h2,
#left-container .post h2	{ font-size:30px; border:none; padding:0; font-family:arial,helvetica,tahoma,verdana,sans-serif; }
.postexcerpt				{ float:left; width:460px; clear:both; }
.postdetails				{ float:right; width:220px; padding:0; margin:0; list-style:none; border-top:1px solid #d1d1d1; }
.postdetails li				{ padding:0; margin:0; float:left; padding:8px 0; border-bottom:1px dotted #d1d1d1; width:220px; font-size:12px; }
.postdetails li a			{ color:#12B2D8; }

.blognav					{ list-style:none; float:left; padding:0; margin:-11px 0 0 0; }
.blognav li					{ padding:0; margin:0; float:left; padding:0; }
.blognav li a				{ color:#646464; font-weight:bold; display:block; padding:8px; font-size:15px; }
.blognav li a.selected		{ color:#f11; border-top:1px solid #f11; padding-top:7px; }

/* portfolio */
ul.tabs 					{ margin:-47px 0 0 0; padding:0; float:left; list-style:none; height:43px; border-bottom:none; width:100%; text-align:right;
               font-family:arial,helvetica,tahoma,verdana,sans-serif; font-size:18px; }
ul.tabs li 					{ display:inline-block; width:auto; margin:0; padding:0; height:42px; border-left:none; margin-bottom:-1px;
                  overflow:hidden; position:relative; }
ul.tabs li a 				{ width:auto; text-decoration:none; color:#c4c4c4; display:block; padding:10px 20px; outline:none; }
ul.tabs li a:hover 			{ color:#4a4a4a; }
html ul.tabs li.ui-state-active		{ border-top:3px solid #15b2d8;border-left:3px solid #15b2d8;border-right:3px solid #15b2d8; border-bottom:none; }
html ul.tabs li.ui-state-active a	{ color:#4a4a4a; }
html ul.tabs li.ui-state-active,
html ul.tabs li.ui-state-active a:hover{ border-bottom:none; color:#4a4a4a; }

.tab_container 				{ border-top:none; clear:both; float:left; width:100%; }
.tab_content h2 			{ font-weight:normal; padding-bottom:10px; border-bottom:1px dashed #ddd; font-size:1.8em; }


.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


.portfolioimages img		{ }
.portfolioimages		{
    width:688px !important;
    border: 6px solid #DBDBDB;
    margin:0 0 30px 0;
    height:490px;
    overflow:hidden;
    position:relative;
}
.portfolio-mouseover-hint {
    position:absolute;
    top:170px;
    left:275px;
    z-index:100;
    width:150px;
    height:150px;
    background:url(../image/mouseover-hint.png) no-repeat;
}

.portfolio-mouseover-down-hint {
    position:absolute;
    top:170px;
    left:275px;
    z-index:100;
    width:150px;
    height:150px;
    opacity:0;
    background:url(../image/mouseover-down-hint.png) no-repeat;
}

.portfoliosidebar			{ font-size:12px; line-height:1.5; }
.portfoliosidebar .buttons	{ float:left; width:220px; margin:0; background:none; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:10px 0; }
.portfoliosidebar .buttons .prev a{ margin:3px 5px 0 0; }
.portfoliosidebar .buttons .next a{ margin:3px 0 0 5px; }

.portfoliopage				{ float:left; width:220px; padding:25px 0 10px 0; margin:0 0 20px 0; border-bottom:1px solid #ddd; }
.portfoliopage h1			{ font-family:arial,helvetica,tahoma,verdana,sans-serif; font-size:24px; }
.portfoliopage p			{ margin:0; font-size:11px; }

.portfolio-web-link {
    margin-top:10px;
    background:url(../image/portfolio-web-link-bg.png) no-repeat;
    padding-left: 40px;
    height:27px;
    line-height:27px;
    display:block;
}

/* contact */
.contact					{ padding-bottom:20px; }
.contact .widget			{ border:none; line-height:1.7; }
.contact #full-container,
.contact #left-container	{ border:none; padding:40px 0 0 0; }
.contact #sidebar			{ padding:40px 0 0 0; }
.contact h1					{ margin:0 0 20px 0; }

#left-container form		{}
.formrow					{ float:left; width:700px; margin:0 0 10px 0; }
.formrow label				{ display:block; float:left; font-size:14px; color:#4a4a4a; }
.formrow input				{ float:left; clear:left; }
.formrow textarea			{ float:left; clear:left; width:460px; height:170px; font-family:Helvetica, Arial, sans-serif; }
.formrow textarea#comments	{ margin-top:0; }
.formrow .submit			{ float:left; width:69px; height:32px; background:url(../image/send_button.png) no-repeat; border:none; text-indent:-3000em; cursor:pointer; }
.formrow .submit:hover		{ background-position:bottom left; }

#mapcontainer				{ width:100%; height:564px; position:relative; float:left; }
#map						{ width:100%; height:564px; }
.mapshadowbot,
.mapshadowtop				{ width:100%; height:6px; position:absolute; z-index:100; top:0; left:0; background:url(../image/mapshadowtop.png) repeat-x; display:block; }
.mapshadowbot				{ top:558px; background:url(../image/mapshadowbot.png) repeat-x; }

.mapform					{ padding:30px 0 30px 70px; background:url(../image/mapform.png) no-repeat 0 30px; line-height:auto; }
.mapform label				{ font-size:14px; font-weight:bold; color:#4a4a4a; padding:14px 0 0 0; }
.mapform input.location		{ background:url(../image/locationinput.png) no-repeat; width:355px; height:42px; padding:5px 10px 7px 15px; border:none; line-height:normal; }
.mapform input.getdirections_button{ font-size:14px; font-weight:bold; color:#4a4a4a; border:none; cursor:pointer; }

.mapcontactdiv				{ width:160px; padding:20px 20px 10px 20px; font-size:11px; background:#fff; position:absolute; z-index:200; top:40px; right:30px; line-height:1.5; }
.mapcontactdiv h2			{ color:#f11; font-size:18px; font-family:arial,helvetica,tahoma,verdana,sans-serif; margin:0 0 10px 0; }
.mapcontactdiv a			{ color:#f11; }
.mapcontactdiv .email		{ display:block; width:16px; height:16px; background:url(../image/email.gif) no-repeat; text-indent:-3000em; }

#map{float:left;width:70%; height:100%;}
#directionsPanel {float:right;width:30%; height:564px; overflow:scroll; font-size:12px;}
#directionsPanel p{ margin:0; }
.adp-summary{ padding:10px 10px 20px 10px; color:#000; font-weight:bold; }
#directionsPanelinner{ padding:0 10px; }

/* page */
.pagecont					{ float:left; width:700px; padding:0 0 50px 0; margin:0 0 10px 0; }
#full-container .pagecont					{ width:100%;}
.pagecontdiv				{ float:left; }

/* contact form */
textarea.error,
input.error					{ margin:0; padding:3px; font-size:1em; background-image:none; }
span.error,
label.error					{ display:none; visibility:hidden; height:1px; width:1px; overflow:hidden; position:absolute; float:right; margin:0; }

/* Comments
-------------------------------------------------------------------*/

#comments					{ clear:both; float:left; width:100%; margin:-21px 0 0 0; }

#left-container h3#comments-title{ border-top:none; }

#comments ol				{ list-style:none; padding:0; margin:0 0 30px 0; float:left; }
#comments ol li				{ margin:0 0 30px 0; float:left; width:100%; }

.commentlist				{ float:left; width:100%; }

.comment-author				{ float:left; width:100px; }
.commentright				{ float:right; width:570px; }

.fn	a						{ color:#FF1111; }
.reply a					{ color:#FF1111; }

#respond					{ float:left; clear:both; }

#commentSubmit				{ float:left; width:69px; height:32px; background:url(../image/send_button.png) no-repeat; border:none; text-indent:-3000em; cursor:pointer; }
#commentSubmit:hover		{ background-position:bottom left; }

.avatar						{ float:left; padding:10px; margin:0 30px 15px 0; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.1); }


/* SIDEBAR ELEMENTS
-------------------------------------------------------------------*/

/*	.widget						{ float:left; width:190px; font-size:12px; line-height:1.5; margin:15px 0 25px 0; background:transparent url(../image/widget_bg_top.png) top right no-repeat; padding: 0 15px;}*/
.widget						{ float:left; width:190px; font-size:12px; line-height:1.5; margin:15px 0 25px 0; background:transparent url(../image/widget_bg_top.png) top right no-repeat; padding: 0 15px;
}
.widget .header				{ border-bottom:none; font-size:15px; color:#4a4a4a; font-family:arial,helvetica,tahoma,verdana,sans-serif; padding:5px 0;margin: 0 20px 8px 0;}
.widget .widgetbottom				{ clear:both;background:transparent url(../image/widget_bg_bottom.png) top right no-repeat;height:1px;width:220px; margin-left:-15px; }
.widget a					{ color:#15b2d8; }
.widget ul					{ float:left; width:220px; padding:0; margin:-7px 0 0 0; list-style:none; }
.widget li					{ padding:0; margin:0; float:left; padding:0; border-bottom:1px dotted #d1d1d1; }
.widget li a				{ color:#15b2d8; display:block; padding:8px 0; font-size:12px; width:190px; }




.homepromo h2 {
    font-family: arial,helvetica,tahoma,verdana,sans-serif;
    font-size: 24px;
    color: white;
    margin: 0 0px 8px 0;
    margin: 0 10px 8px 0;
    float:none;
    padding:5px 0 0 10px;
}
.homepromo h2 a {color:#15B2D8;font-weight:bold; }
.homepromo p {
    font-size: 12px;
    line-height: 19px;
    letter-spacing: 1px;
    margin: 0;
    padding:5px 30px 5px 10px;
    color:#333;
}


/* FOOTER STYLES */


/* LIST STYLES
-------------------------------------------------------------------*/
.list-tick li,.list-cross li,.list-coming li,.list-info li {
    color: #505353;
    font-size: 1.4em;
    display: block;
    border-bottom: 1px solid #DBE1E3;
    line-height: 32px;
    height: 30px;
    padding-left: 20px !important;
    width:190px !important;
}

.list-info li {
    background: url(../image/list-info.png) no-repeat 0 8px;
}

.list-tick li {
    background: url(../image/list-tick.png) no-repeat 0 8px;
}

.list-cross li {
    background: url(../image/list-cross.png) no-repeat 0 8px;
}

.list-coming li {
    background: url(../image/list-arrow.png) no-repeat 0 8px;
}

.list-info li.empty,.list-tick li.empty,.list-cross li.empty,.list-coming li.empty {
    background: none !important;
}

/* Spritely Banner
-------------------------------------------------------------------*/

#stage {


}
.stage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 900px;
    height: 320px;
    overflow: hidden;
}




#stage #clouds {
    background: transparent url(../image/clouds.png) 0 22px repeat-x;
}
#stage #skyline3 {
    background: transparent url(../image/skyline3.png) 0 178px repeat-x;
}
#stage #buildings-bg {
    background: transparent url(../image/buildings-bg.png) 0 32px repeat-x;
}
#stage #buildings-bg2 {
    background: transparent url(../image/buildings-bg2.png) 0 78px repeat-x;
}
#stage #skyline {
    background: transparent url(../image/skyline2.png) 0 123px repeat-x;
}
#stage #nighttime {
    background: transparent url(../image/nighttime.png) 0 123px repeat-x;
    opacity:0;
}
#stage #darkness {
    background: transparent url(../image/darkness.png) 0 0 repeat-x;
    height:320px;
    /* webkit example */
    background-image: -webkit-gradient(
        linear, right top, right bottom, from(rgba(0, 0, 0, 1.0)),
        to(rgba(0, 0, 0, 0.3))
        );

    /* mozilla example - FF3.6+ */
    background-image: -moz-linear-gradient(
        top center,
        rgba(0, 0, 0, 1.0) 20%, rgba(0, 0, 0, 0.3) 95%
        );

    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(
        gradientType=0, StartColorStr=#000000, endColor=0
        );

    /* IE8 uses -ms-filter for whatever reason... */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(
        gradientType=0, StartColorStr=#000000, endColor=0
        );
    opacity:0;
}
#stage #buildings {
    background: transparent url(../image/buildings.png) 0 29px repeat-x;
}
#stage #cars {
    background: transparent url(../image/cars.png) 0 79px repeat-x;
}

#stage #carlights {
    background: transparent url(../image/carlights.png) 0 79px repeat-x;
    opacity:0;

}

#stage #helicopter {
    background: transparent url(../image/helicopter.png) 0 0px no-repeat;
    width:21px;
    height:14px;
}
#stage #man {
    background: transparent url(../image/man_walking.png) 0 0 repeat-x;
    position:relative;
    top: 230px;
    left: 175px;
    width: 55px;
    height: 81px;
    z-index: 500;
}

#stage #bg {
    background-color: #fdfdfd;
}

/*----Page animations ----*/
.pagestage {
    position: absolute;
    top: 210px;
    left: 0;
    width: 100%;
    min-width: 900px;
    height:81px;            overflow: hidden;
}
#pagestage #manevolve {
    background: transparent url(../image/man_evolve.png) 0 0 repeat-x;
    position:relative;

    width: 60px;
    height: 80px;
    z-index: 2000;
}

#manevolvestatic {
    background: transparent url(../image/man_evolve_static.png) 0 0 repeat-x;
    position:absolute;
    left:520px;
    top:61px;
    width: 420px;
    height: 80px;

}

/* Twitter page */

/* Twitter Feed */

#tweet .twittericon {
    float:left;
    width:80px;

}

#tweet .singletweet {
    border-bottom:none;
    margin-bottom:15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color:#fff;
    height:80px;
    position:relative;
    font-size:120%;
}

#tweet .talert {
    background:#e8555a;
}

#tweet .typeicon{
    margin:10px 0 0 10px;
    float:left;
    height:60px;
    width:60px;
}
#tweet .talert .typeicon{
    background:url(../image/status_talert.png) no-repeat;
}
#tweet .tnews {
    background:#15b2d8;
}
#tweet .tnews .typeicon{
    background:url(../image/status_tnews.png) no-repeat;
}
#tweet .tfix {
    background:#7cc576;
}
#tweet .tfix .typeicon{
    background:url(../image/status_tfix.png) no-repeat;
}
#tweet .tcare {
    background:#6D6C6A;
}
#tweet .tcare .typeicon{
    background:url(../image/status_tcare.png) no-repeat;
}
#tweet .twittericon img{
    margin:0;
}

#tweet .twittertitle {
    font-size:12px;
    color:#8d8d8d;
    font-weight:normal;
    margin-left:80px;
}

#tweet .twittertitle a:link,#tweet .twittertitle a:visited{
    font-size:12px;
    color:#8d8d8d;
    font-weight:normal;
    text-decoration:none;
}

#tweet .twittertitle a:hover{
    color:#388dbf;
    text-decoration:underline;
}

#tweet .twittertitle .twitteraccount{
    font-size:15px;
    color:#000000;
    font-weight:bold;
}

#tweet p {
    margin:0px 10px 10px 80px;
    padding-top:10px;
}

#tweet p a {
    font-style:italic;
    color:#fff;

}


#tweet .web_intent {
    width:100%;
    text-align:right;
    position:absolute;
    bottom:0px;
    right:0px;
    color:#fff;
    font-size:80%;
}

#widget-tweets .web_intent {
    height:20px;
}

#tweet .web_intent .floatright{
}

.web_intent a:link, .web_intent a:visited, .web_intent a:active {
    margin: 0px 10px 0px 0px;
    color:#bbb;
    font-size:12px;
}

.web_intent .tweetview{
    background: url('../image/tweet_mini.png') no-repeat;
    padding-left:20px;
}
.web_intent .tweetretweet{
    background: url('../image/retweet_mini.png') no-repeat;
    padding-left:20px;
}
.web_intent .tweetreply{
    background: url('../image/reply_mini.png') no-repeat;
    padding-left:20px;
}

.web_intent a.tweetview:hover{
    background: url('../image/tweet_mini_mo.png') no-repeat;
    padding-left:20px;
}
.web_intent a.tweetretweet:hover{
    background: url('../image/retweet_mini_mo.png') no-repeat;
    padding-left:20px;
}
.web_intent a.tweetreply:hover{
    background: url('../image/reply_mini_mo.png') no-repeat;
    padding-left:20px;
}

.web_intent a:hover {
    color:#666;
}

.web_intent img {
    margin: 0px 3px 0px 0px;
    position: relative;
    top: 2px;
}

.web_intent .time {
    color:#fff;
    margin: 0px 10px 0px 0px;
    text-align:right;
}

/* Scrolling Go To Top button */
.scroll-menu {
    width: 50px;
    background: url(../image/clear_gray.png);
    position: fixed;
    z-index: 9;
    top: -100px;
    padding: 6px;
    margin-left: 848px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    right: 0;
}

.scroll-menu a{color:#fff; text-shadow:#27292C 0 -1px 1px; font-family:Helvetica,Arial,Verdana,sans-serif; font-weight:700; padding:6px 8px; display:block}

.scroll-menu h2{display:inline-block; font-size:15px; float:left; margin-top:6px}